﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MainAdmin.Master"
    CodeBehind="AdminAddUser.aspx.vb" Inherits="QLThuVien.AdminAddUser" %>

<%@ Register Assembly="DevExpress.Web.ASPxRichEdit.v15.1, Version=15.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxRichEdit" TagPrefix="dx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function OnCheckPassword(s, e) {
            var pw = mypw.GetText();
            var repw = e.value;
            if (repw == null)
                return;
            if (repw != pw) {
                e.isValid = false;
                e.errorText = "Mật Khẩu Không Khớp";
            }
        }
        function OnCheckPhoneNumber(s, e) {
            var number = e.value;
            if (number == null)
                return;
            if (number.length > 11) {
                e.isValid = false;
                e.errorText = "SĐT Vượt Quá 11 Số";
            }
        }
        function ClearAllText(s, e) {
            ASPxClientEdit.ClearEditorsInContainerById('container');
        }

        function HideSuccess() {
            var seconds = 4;
            setTimeout(function () {
                document.getElementById("<%=successDiv.ClientID %>").style.display = "none";
            }, seconds * 1000);


        }
        function showCurrentDay(s, e) {
            s.SetText(new Date());

        }
        function showImgAfterUpload(s, e) {

            img_docgia.SetImageUrl("img/user/" + e.callbackData);

        }  
   
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-header">
                        Thêm Độc Giả
                    </h1>
                </div>
            </div>
            <div class="row" id="container">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Thông Tin Tài Khoản
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>
                                            Tên Tài Khoản</label>
                                        <dx:ASPxTextBox ID="dtxt_taikhoan" runat="server" CssClass="form-control" Width="100%"
                                            NullText="Nhập Tài Khoản...">
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Nhập Tên Tài Khoản" />
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </div>
                                    <div class="form-group">
                                        <label>
                                            Ngày Đăng Ký
                                        </label>
                                        <dx:ASPxDateEdit ID="de_dk" runat="server" CssClass="form-control" Width="100%" EditFormatString="dd/MM/yyyy"
                                            DisplayFormatString="dd/MM/yyyy" NullText="Chọn Ngày Đăng Ký...">
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Chọn Ngày" />
                                            </ValidationSettings>
                                            <ClientSideEvents Init="showCurrentDay" />
                                        </dx:ASPxDateEdit>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>
                                            Mật Khẩu</label>
                                        <dx:ASPxTextBox ID="dtxt_matkhau" runat="server" CssClass="form-control" Width="100%"
                                            NullText="Nhập Mật Khẩu..." Password="true" ClientInstanceName="mypw">
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Nhập Mật Khẩu" />
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </div>
                                    <div class="form-group">
                                        <label>
                                            Nhập Lại Mật Khẩu
                                        </label>
                                        <dx:ASPxTextBox ID="dtxt_rematkhau" runat="server" CssClass="form-control" Password="true"
                                            Width="100%" NullText="Nhập Lại Mật Khẩu...">
                                            <ClientSideEvents Validation="OnCheckPassword" />
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Thông Tin Cá Nhân
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>
                                            Họ Và Tên
                                        </label>
                                        <dx:ASPxTextBox ID="dtxt_hoten" runat="server" CssClass="form-control" Width="100%"
                                            NullText="Nhập Họ Tên...">
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Nhập Họ Tên" />
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </div>
                                    <div class="form-group">
                                        <label>
                                            Giới Tính</label>
                                        <dx:ASPxRadioButtonList ID="rdb_gioitinh" runat="server" ValueType="System.String"
                                            Border-BorderStyle="None" Font-Bold="true">
                                            <Items>
                                                <dx:ListEditItem Text="Nam" Value="1" />
                                                <dx:ListEditItem Text="Nữ" Value="0" />
                                            </Items>
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Chọn Giới Tính" />
                                            </ValidationSettings>
                                        </dx:ASPxRadioButtonList>
                                    </div>
                                    <div class="form-group">
                                        <label>
                                            Số Điện Thoại
                                        </label>
                                        <dx:ASPxTextBox ID="dtxt_sdt" runat="server" CssClass="form-control" Width="100%"
                                            NullText="Nhập SDT...">
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Nhập SĐT" />
                                            </ValidationSettings>
                                            <ClientSideEvents Validation="OnCheckPhoneNumber" />
                                        </dx:ASPxTextBox>
                                    </div>
                                    <div class="form-group">
                                        <label>
                                            Địa Chỉ
                                        </label>
                                        <dx:ASPxTextBox ID="dtxt_diachi" runat="server" CssClass="form-control" Width="100%"
                                            NullText="Nhập Địa Chỉ...">
                                            <ValidationSettings ErrorTextPosition="Bottom" SetFocusOnError="true">
                                                <RequiredField IsRequired="true" ErrorText="Chưa Nhập Địa Chỉ" />
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </div>
                                     <div class="form-group">
                                        <label>
                                            Ghi Chú</label>
                                        <dx:ASPxMemo ID="dtxt_ghichu" runat="server" Rows="5" CssClass="form-control" NullText="Nhập Ghi Chú (Nếu có)...">
                                        </dx:ASPxMemo>
                                    </div>
                                    <div class="form-group">
                                        <dx:ASPxButton ID="btn_xacnhan" runat="server" Text="Xác Nhận" CssClass="btn btn-primary">
                                            <ClientSideEvents Click="function(s,e){HideSuccess()}" />
                                        </dx:ASPxButton>
                                        <dx:ASPxButton ID="btn_hoantac" runat="server" Text="Hoàn Tác" CssClass="btn btn-danger"
                                            ClientSideEvents-Click="ClearAllText">
                                        </dx:ASPxButton>
                                    </div>
                                    <div class="alert alert-success" runat="server" id="successDiv" visible="false">
                                        <dx:ASPxLabel ID="lb_mess" runat="server" Font-Bold="true">
                                        </dx:ASPxLabel>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>
                                            Hình Ảnh</label>
                                        <dx:ASPxImage ID="img_docgia" runat="server" ShowLoadingImage="true" EmptyImage-Url="~/img/noImgDocGia.png"
                                            Width="100%" Height="300px" ClientInstanceName="img_docgia" >
                                        </dx:ASPxImage>
                                    </div>
                                    <div class="form-group">
                                        <dx:ASPxUploadControl ID="upload_hinhdocgia" runat="server" UploadMode="Advanced"
                                            Width="100%" BrowseButton-Text="Chọn Hình" ShowUploadButton="True" ShowProgressPanel="true">
                                            <UploadButton Image-IconID="navigation_up_16x16office2013">
                                            </UploadButton>
                                             <ValidationSettings AllowedFileExtensions=".jpg, .jpeg, .gif ,.png"  ShowErrors="true" />
                                            <ClientSideEvents FileUploadComplete="showImgAfterUpload" />
                                        </dx:ASPxUploadControl>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <!-- /.col-lg-12 -->
</asp:Content>
